/**
 * 实现ajax请求：
 * 1、创建一个--XMLHttpRequest--对象
 * 2、在这个对象上使用open方法创建一个http请求
 * 3、在发起请求前，为对象添加一些信息和监听函数(一个XMLHttpRequest对象一共有5个状态，当他的状态改变时
 *  会触发onreadystatechange事件，)
 */

const SERVER_URL = "/server"
// 1、创建一个--XMLHttpRequest--对象
let xhr = new XMLHttpRequest()
// 2、在这个对象上使用open方法创建一个http请求
xhr.open("GET", SERVER_URL, true)
// 3、设置状态监听函数
xhr.onreadystatechange = function () {
  if (this.readyState !== 4) {
    // readyState变为4，代表服务器返回的数据接收完成
    return
  }
  // 当请求成功
  if (this.status === 200) {
    handle(this.response)
  } else {
    console.error(this.statusText)
  }

}

// 设置请求失败时的监听函数
xhr.onerror = function () {
  console.error(this.statusText)
}

// 设置响应的数据类型
xhr.responseType = 'json'
// 设置请求头信息
xhr.setRequestHeader("Aceept", "application/json")
// 发送 Http 请求
xhr.send(null)

